type SvgProps = {
  className?: string;
  color?: string;
};

export const Calendar = ({
  className = "",
  color = "03053D",
}: SvgProps): React.ReactElement => {
  return (
    <svg
      width="17.000000"
      height="17.000000"
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <desc>Created with Pixso.</desc>
      <defs />
      <path
        id="Vector"
        d="M12.75 1.69L16.14 1.69C16.37 1.69 16.59 1.78 16.75 1.94C16.91 2.1 17 2.32 17 2.55L17 16.14C17 16.37 16.91 16.59 16.75 16.75C16.59 16.91 16.37 17 16.14 17L0.85 17C0.62 17 0.4 16.91 0.24 16.75C0.08 16.59 0 16.37 0 16.14L0 2.55C0 2.32 0.08 2.1 0.24 1.94C0.4 1.78 0.62 1.69 0.85 1.69L4.25 1.69L4.25 0L5.94 0L5.94 1.69L11.05 1.69L11.05 0L12.75 0L12.75 1.69ZM15.3 8.5L1.69 8.5L1.69 15.3L15.3 15.3L15.3 8.5ZM11.05 3.39L5.94 3.39L5.94 5.1L4.25 5.1L4.25 3.39L1.69 3.39L1.69 6.8L15.3 6.8L15.3 3.39L12.75 3.39L12.75 5.1L11.05 5.1L11.05 3.39ZM3.39 10.2L5.1 10.2L5.1 11.89L3.39 11.89L3.39 10.2ZM7.64 10.2L9.35 10.2L9.35 11.89L7.64 11.89L7.64 10.2ZM11.89 10.2L13.6 10.2L13.6 11.89L11.89 11.89L11.89 10.2Z"
        fill={color}
        fillOpacity="1.000000"
        fillRule="nonzero"
      />
    </svg>
  );
};
export const Chat = ({
  className = "",
  color = "03053D",
}: SvgProps): React.ReactElement => {
  return (
    <svg
      width="19.000000"
      height="19.000000"
      viewBox="0 0 19 19"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <desc>Created with Pixso.</desc>
      <defs />
      <path
        id="Vector"
        d="M6.74 10.28C6.74 9.77 6.83 9.27 7.02 8.8C7.2 8.33 7.47 7.91 7.81 7.55C8.16 7.19 8.56 6.91 9.01 6.72C9.45 6.52 9.93 6.42 10.41 6.42L15.32 6.42C17.35 6.42 18.99 8.16 18.99 10.28L18.99 18L10.41 18C8.38 18 6.74 16.26 6.74 14.14L6.74 10.28ZM14.09 11.57L14.09 12.85L15.32 12.85L15.32 11.57L14.09 11.57ZM10.41 11.57L10.41 12.85L11.64 12.85L11.64 11.57L10.41 11.57Z"
        fill="#DF2DCA"
        fillOpacity="1.000000"
        fillRule="nonzero"
      />
      <path
        id="Vector"
        d="M-0.01 3.85C-0.01 3.34 0.09 2.84 0.27 2.37C0.46 1.9 0.73 1.48 1.07 1.12C1.41 0.76 1.82 0.48 2.26 0.29C2.71 0.09 3.19 -0.01 3.67 0L8.58 0C10.61 0 12.25 1.73 12.25 3.85L12.25 11.57L3.67 11.57C1.64 11.57 -0.01 9.83 -0.01 7.71L-0.01 3.85ZM11.03 10.28L11.03 3.85C11.03 3.17 10.77 2.51 10.31 2.03C9.85 1.55 9.22 1.28 8.58 1.28L3.67 1.28C3.35 1.28 3.03 1.35 2.73 1.47C2.44 1.6 2.17 1.79 1.94 2.03C1.71 2.27 1.53 2.55 1.41 2.86C1.28 3.18 1.22 3.51 1.22 3.85L1.22 7.71C1.22 8.39 1.48 9.05 1.94 9.53C2.4 10.01 3.02 10.28 3.67 10.28L11.03 10.28ZM7.35 5.14L8.58 5.14L8.58 6.42L7.35 6.42L7.35 5.14ZM3.67 5.14L4.9 5.14L4.9 6.42L3.67 6.42L3.67 5.14Z"
        fill={color}
        fillOpacity="1.000000"
        fillRule="nonzero"
      />
    </svg>
  );
};
export const Close = ({
  className = "",
  color = "03053D",
}: SvgProps): React.ReactElement => {
  return (
    <svg
      width="10.000000"
      height="10.000000"
      viewBox="0 0 10 10"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <desc>Created with Pixso.</desc>
      <defs />
      <path
        id="Vector"
        d="M5 3.88L8.88 0L10 1.11L6.11 5L10 8.88L8.88 10L5 6.11L1.11 10L0 8.88L3.88 5L0 1.11L1.11 0L5 3.88Z"
        fill={color}
        fillOpacity="1.000000"
        fillRule="nonzero"
      />
    </svg>
  );
};
export const belSelect = ({
  className = "",
  color = "03053D",
}: SvgProps): React.ReactElement => {
  return (
    <svg
      width="7.000000"
      height="9.000000"
      viewBox="0 0 7 9"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <desc>Created with Pixso.</desc>
      <defs />
      <path
        id="矢量 25"
        d="M0 2.25L3.5 0L7 2.25L5.83 3L3.5 1.49L1.16 3L0 2.25ZM0 6.75L3.5 9L7 6.75L5.83 6L3.5 7.5L1.16 6L0 6.75Z"
        fill={color}
        fillOpacity="1.000000"
        fillRule="evenodd"
      />
    </svg>
  );
};
export const Improtant = ({
  className = "",
  color = "03053D",
}: SvgProps): React.ReactElement => {
  return (
    <svg
      width="11.000000"
      height="11.000000"
      viewBox="0 0 11 11"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <desc>Created with Pixso.</desc>
      <defs />
      <circle
        id="椭圆 6"
        cx="5.000000"
        cy="6.000000"
        r="5.000000"
        fill="#DF2DCA"
        fillOpacity="1.000000"
      />
      <path
        id="!"
        d="M5.26 7.06L4.73 7.06L4.57 3.96L4.56 3.01L5.43 3.01L5.42 3.96L5.26 7.06ZM5.51 8.51C5.51 8.83 5.27 9.03 5 9.03C4.71 9.03 4.48 8.83 4.48 8.51C4.48 8.19 4.72 7.97 5 7.97C5.27 7.97 5.51 8.19 5.51 8.51Z"
        fill={color}
        fillOpacity="1.000000"
        fillRule="evenodd"
      />
    </svg>
  );
};
export const Search = ({
  className = "",
  color = "03053D",
}: SvgProps): React.ReactElement => {
  return (
    <svg
      width="19.000000"
      height="21.000000"
      viewBox="0 0 19 21"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <desc>Created with Pixso.</desc>
      <defs />
      <path
        id="Vector"
        d="M12.4 15.2C10.56 16.33 8.37 16.72 6.26 16.29C4.15 15.85 2.28 14.64 1.03 12.88C-0.22 11.13 -0.76 8.96 -0.47 6.82C-0.18 4.69 0.91 2.74 2.57 1.38C4.24 0.01 6.37 -0.67 8.52 -0.53C10.67 -0.38 12.69 0.57 14.17 2.15C15.64 3.73 16.46 5.8 16.46 7.96C16.45 10.12 15.63 12.2 14.16 13.77L18.51 19.09L16.75 20.53L12.4 15.2ZM4.01 3.13C2.73 4.18 1.91 5.69 1.75 7.33C1.58 8.98 2.08 10.62 3.12 11.9C4.17 13.18 5.68 14 7.32 14.16C8.97 14.33 10.61 13.83 11.89 12.79C13.17 11.74 13.99 10.23 14.15 8.59C14.32 6.94 13.82 5.3 12.78 4.02C11.73 2.74 10.22 1.92 8.58 1.76C6.93 1.59 5.29 2.09 4.01 3.13Z"
        fill={color}
        fillOpacity="1.000000"
        fillRule="nonzero"
      />
    </svg>
  );
};
export const Arrow = ({
  className = "",
  color = "#03053D",
}: SvgProps): React.ReactElement => {
  return (
    <svg
      width="12.000000"
      height="9.000000"
      viewBox="0 0 12 9"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <desc>Created with Pixso.</desc>
      <defs />
      <path
        id="Vector"
        d="M6 9L0 2.24L2 0L6 4.5L9.99 0L12 2.24L6 9Z"
        fill={color}
        fillOpacity="1.000000"
        fillRule="nonzero"
      />
    </svg>
  );
};
export const Setting = ({
  className = "",
  color = "#fff",
}: SvgProps): React.ReactElement => {
  return (
    <svg
      width="31.000000"
      height="31.000000"
      viewBox="0 0 24 26"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <desc>Created with Pixso.</desc>
      <defs />
      <path
        id="矢量 5"
        d="M0.31 18.95C-0.24 18.01 -0.66 17 -0.95 15.95C-0.32 15.62 0.22 15.13 0.59 14.52C0.97 13.91 1.16 13.21 1.16 12.5C1.16 11.78 0.97 11.08 0.59 10.47C0.22 9.86 -0.31 9.37 -0.95 9.04C-0.37 6.93 0.74 5 2.28 3.44C2.88 3.83 3.57 4.05 4.29 4.07C5 4.08 5.71 3.9 6.33 3.55C6.95 3.19 7.46 2.67 7.8 2.04C8.14 1.41 8.3 0.7 8.26 -0.01C10.38 -0.56 12.61 -0.56 14.73 -0.01C14.69 0.7 14.85 1.41 15.19 2.04C15.53 2.67 16.04 3.19 16.66 3.55C17.28 3.91 17.99 4.09 18.7 4.07C19.42 4.05 20.11 3.83 20.71 3.44C21.46 4.2 22.12 5.07 22.68 6.04C23.24 7 23.66 8.01 23.94 9.04C23.31 9.37 22.77 9.86 22.4 10.47C22.02 11.08 21.83 11.78 21.83 12.49C21.83 13.21 22.02 13.91 22.4 14.52C22.77 15.13 23.3 15.62 23.94 15.95C23.36 18.06 22.25 19.99 20.71 21.55C20.11 21.16 19.42 20.94 18.7 20.92C17.99 20.91 17.28 21.09 16.66 21.44C16.04 21.8 15.53 22.32 15.19 22.95C14.85 23.58 14.69 24.29 14.73 25C12.61 25.55 10.38 25.55 8.26 25C8.3 24.29 8.14 23.58 7.8 22.95C7.46 22.32 6.95 21.8 6.33 21.44C5.71 21.08 5 20.9 4.29 20.92C3.57 20.94 2.88 21.16 2.28 21.55C1.52 20.77 0.85 19.9 0.31 18.95ZM7.62 19.21C9 20 10.03 21.27 10.53 22.78C11.17 22.85 11.82 22.85 12.46 22.79C12.96 21.28 13.99 20 15.37 19.21C16.75 18.41 18.37 18.15 19.92 18.48C20.3 17.95 20.62 17.39 20.89 16.8C19.83 15.62 19.24 14.08 19.25 12.5C19.25 10.87 19.85 9.35 20.89 8.19C20.62 7.6 20.29 7.04 19.92 6.51C18.37 6.84 16.75 6.58 15.37 5.78C13.99 4.99 12.96 3.72 12.46 2.21C11.82 2.14 11.17 2.14 10.53 2.2C10.03 3.71 9 4.99 7.62 5.78C6.24 6.58 4.62 6.84 3.07 6.51C2.69 7.04 2.37 7.6 2.1 8.19C3.16 9.37 3.75 10.91 3.75 12.5C3.75 14.12 3.14 15.64 2.1 16.8C2.37 17.39 2.7 17.95 3.07 18.48C4.62 18.15 6.24 18.41 7.62 19.21ZM11.5 16.37C10.47 16.37 9.48 15.96 8.76 15.24C8.03 14.51 7.62 13.52 7.62 12.5C7.62 11.47 8.03 10.48 8.76 9.75C9.48 9.03 10.47 8.62 11.5 8.62C12.52 8.62 13.51 9.03 14.24 9.75C14.96 10.48 15.37 11.47 15.37 12.5C15.37 13.52 14.96 14.51 14.24 15.24C13.51 15.96 12.52 16.37 11.5 16.37ZM11.5 13.79C11.84 13.79 12.17 13.65 12.41 13.41C12.65 13.17 12.79 12.84 12.79 12.5C12.79 12.15 12.65 11.82 12.41 11.58C12.17 11.34 11.84 11.2 11.5 11.2C11.15 11.2 10.82 11.34 10.58 11.58C10.34 11.82 10.2 12.15 10.2 12.5C10.2 12.84 10.34 13.17 10.58 13.41C10.82 13.65 11.15 13.79 11.5 13.79Z"
        fill={color}
        fillOpacity="1.000000"
        fillRule="nonzero"
      />
    </svg>
  );
};
export const Filter = ({
  className = "",
  color = "#fff",
}: SvgProps): React.ReactElement => {
  return (
    <svg
      width="24.000000"
      height="27.000000"
      viewBox="0 0 24 27"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <desc>Created with Pixso.</desc>
      <defs />
      <path
        id="矢量 2"
        d="M14.11 24.15L14.11 15.63L22.58 2.84L22.58 0L0 0L0 2.84L8.47 15.63L8.47 27L14.11 24.15ZM11.29 14.77L3.39 2.84L19.19 2.84L11.29 14.77ZM24 14.21L15.52 14.21L15.52 15.63L24 15.63L24 14.21ZM15.52 18.47L24 18.47L24 19.89L15.52 19.89L15.52 18.47ZM24 22.73L15.52 22.73L15.52 24.15L24 24.15L24 22.73Z"
        fill={color}
        fillOpacity="1.000000"
        fillRule="evenodd"
      />
    </svg>
  );
};

export const Advance = ({ className = "", color = "#ffffff" }: SvgProps) => {
  return (
    <svg
      width="14.000000"
      height="15.000000"
      viewBox="0 0 14 15"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <desc>Created with Pixso.</desc>
      <defs />
      <path
        id="Vector"
        d="M1.55 9.75L3.11 9.75L3.11 13.5L12.44 13.5L12.44 1.5L3.11 1.5L3.11 5.25L1.55 5.25L1.55 0.75C1.55 0.55 1.63 0.36 1.78 0.21C1.92 0.07 2.12 0 2.33 0L13.22 0C13.42 0 13.62 0.07 13.77 0.21C13.91 0.36 14 0.55 14 0.75L14 14.25C14 14.44 13.91 14.63 13.77 14.78C13.62 14.92 13.42 15 13.22 15L2.33 15C2.12 15 1.92 14.92 1.78 14.78C1.63 14.63 1.55 14.44 1.55 14.25L1.55 9.75ZM6.22 6.75L6.22 4.5L10.11 7.5L6.22 10.5L6.22 8.25L0 8.25L0 6.75L6.22 6.75Z"
        fill={color}
        fillOpacity="1.000000"
        fillRule="nonzero"
      />
    </svg>
  );
};
export const Delete = ({ className = "", color = "#ffffff" }: SvgProps) => {
  return (
    <svg
      width="15.000000"
      height="15.000000"
      viewBox="0 0 15 15"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <desc>Created with Pixso.</desc>
      <defs />
      <path
        id="Vector"
        d="M11.25 3L15 3L15 4.5L13.5 4.5L13.5 14.25C13.5 14.44 13.42 14.63 13.28 14.78C13.13 14.92 12.94 15 12.75 15L2.25 15C2.05 15 1.86 14.92 1.71 14.78C1.57 14.63 1.5 14.44 1.5 14.25L1.5 4.5L0 4.5L0 3L3.75 3L3.75 0.75C3.75 0.55 3.82 0.36 3.96 0.21C4.11 0.07 4.3 0 4.5 0L10.5 0C10.69 0 10.88 0.07 11.03 0.21C11.17 0.36 11.25 0.55 11.25 0.75L11.25 3ZM12 4.5L3 4.5L3 13.5L12 13.5L12 4.5ZM5.25 6.75L6.75 6.75L6.75 11.25L5.25 11.25L5.25 6.75ZM8.25 6.75L9.75 6.75L9.75 11.25L8.25 11.25L8.25 6.75ZM5.25 1.5L5.25 3L9.75 3L9.75 1.5L5.25 1.5Z"
        fill={color}
        fillOpacity="1.000000"
        fillRule="nonzero"
      />
    </svg>
  );
};

export const Refresh = ({ className = "", color = "#FAAB29" }: SvgProps) => {
  return (
    <svg
      width="12.000000"
      height="12.000000"
      viewBox="0 0 10 10"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <desc>Created with Pixso.</desc>
      <defs />
      <path
        id="Vector"
        d="M8.26 8.78C7.36 9.56 6.2 10 5 10C2.23 10 0 7.76 0 5C0 2.23 2.23 0 5 0C7.76 0 10 2.23 10 5C10 6.06 9.66 7.05 9.09 7.87L7.5 5L9 5C8.99 4.07 8.68 3.18 8.09 2.47C7.51 1.75 6.7 1.26 5.8 1.08C4.89 0.89 3.95 1.02 3.14 1.45C2.32 1.88 1.68 2.58 1.32 3.43C0.95 4.28 0.9 5.22 1.15 6.11C1.41 6.99 1.96 7.76 2.72 8.29C3.48 8.81 4.4 9.06 5.32 8.98C6.23 8.91 7.1 8.52 7.77 7.88L8.26 8.78Z"
        fill={color}
        fillOpacity="1.000000"
        fillRule="nonzero"
      />
    </svg>
  );
};

export const UpLoad = ({ className, color }: SvgProps) => {
  return (
    <svg
      className={className}
      focusable="false"
      aria-hidden="true"
      viewBox="0 0 24 24"
      data-testid="CloudUploadIcon"
      height="20"
      width="20"
    >
      <path
        d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M14 13v4h-4v-4H7l5-5 5 5z"
        fill={color}
      ></path>
    </svg>
  );
};
